import Vue from 'vue'
import VueRouter from 'vue-router'
import EmpView from '@/views/sysmanager/EmpView.vue';



//创建router对象实例
const router = new VueRouter({
    //配置路由规则  路径对组件  路径对函数
    routes:[
        //路由对象1  key-value
        {
            path:'/emp',  //路径
            component: EmpView, //访问的组件
        },
        {
            //路由对象2
             path:'/dept',
             //动态路由设置
            component:() => import('@/views/sysmanager/DeptView.vue'),
            //组件下的子路由 又称为路由嵌套
            children:[
                {
                    path:'msg',
                    component:() => import('@/views/sysmanager/Msg.vue'),
                },
                {
                    path:'news',
                    component:() => import('@/views/sysmanager/News.vue'),
                }

            ]
        },
         {
             path:'/',//默认打开的地址
             redirect:'/emp' //重定向
        },
        //  {
        //      path:'/404',//默认打开的地址
        //      redirect:'/emp' //重定向
        // },
        // {
        //      path:'*',//*表示匹配不到路由时去哪里
        //      redirect:'/404' //重定向
        // }
    ]
})

//导入router
export default router